<template>
  <div>
    <div class="about-top">
      <div class="container">
        <div class="wthree-services-bottom-grids">
          <div class="col-md-6 wthree-services-left">
            <img src="static/picture/5.jpg" alt />
          </div>
          <div class="col-md-6 wthree-services-right">
            <div class="wthree-services-right-top">
              <h4>Pellentesque ut turpis et eros elementum</h4>
              <p>Nam tempor pharetra egestas. Nam varius condimentum faucibus. Duis eget lobortis felis, id laoreet massa. Donec tempor ex ultrices nisi commodo consectetur. Maecenas a diam cursus, vehicula ligula vel, fringilla libero. Mauris eu nulla mi.</p>
            </div>
            <div class="wthree-services-right-bottom">
              <div class="services-right-bottom-bottom">
                <div class="services-bottom-icon">
                  <i class="fa fa-bell" aria-hidden="true"></i>
                </div>
                <div class="services-bottom-info">
                  <h5>Nam congue</h5>
                  <p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
                </div>
                <div class="clearfix"></div>
              </div>
              <div class="services-right-bottom-bottom">
                <div class="services-bottom-icon">
                  <i class="fa fa-asterisk" aria-hidden="true"></i>
                </div>
                <div class="services-bottom-info">
                  <h5>Nam congue</h5>
                  <p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style scoped>
</style>
